<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<!-- Website Design By: www.happyworm.com -->
	<title>test</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="/test/jquery.jplayer.min.js"></script>
	<link rel="stylesheet" href="/test/jplayer.blue.monday.css"/>
</head>
<body>
<div>
	<div id="jquery_jplayer"></div>
</div>
<div class=".seekBar"></div>
<div id="myLoadInfo" style="background-color:red"></div>
<div id="myPlayInfo" style="background-color:blue"></div>
<input type="button" value="play" onclick="testTemp('play')"/>
<input type="button" value="pause" onclick="testTemp('pause')"/>
<input type="button" value="stop" onclick="testTemp('stop')"/>
<input type="button" value="loadBar" onclick="testTemp('loadBar')"/>
<input type="button" value="playBar" onclick="testTemp('playBar')"/>
<input type="button" value="volumeMin" onclick="testTemp('volumeMin')"/>
<input type="button" value="volumeMax" onclick="testTemp('volumeMax')"/>
<input type="button" value="volumeBar" onclick="testTemp('volumeBar')"/>
<input type="button" value="volumeBarValue" onclick="testTemp('volumeBarValue')"/>
</body>
<script type="text/javascript">

	$("#jquery_jplayer").jPlayer({
		ready:function () {
			$(this).jPlayer("setMedia", {
				m4v: "/test/video.mp4",
			});
			$(this).jPlayer("play");
		},
		swfPath: "/test/jquery.jplayer.swf",
		supplied: "m4v",
		size: {
			width:"100%",
			height:"500px"
		},
		//这个名字不知道有什么用，应该叫进度条好些吧   
		timeupdate: function(event) {  
			$("#myPlayInfo").text("Play began at time = " + event.jPlayer.status.currentTime);
		},
		progress:function(lp,ppr,ppa,pt,tt){
			$("#myLoadInfo").html(lp); // 显示下载的百分比.
		 	$("#myPlayInfo").html(ppa); // 显示播放的百分比.
		}
		
		/* 
41.                    videoPlay: ".video-play",  
42.                    play: ".play",  
43.                    pause: ".pause",  
44.                    seekBar: ".seekBar",  
45.                    playBar: ".playBar",  
46.                    volumeBar: ".currentVolume",  
47.                    volumeBarValue: ".currentVolume .curvol",  
48.                    currentTime: ".time.current",  
49.                    duration: ".time.duration",  
50.                    fullScreen: ".fullScreen",  
51.                    restoreScreen: ".fullScreenOFF",  
52.                    gui: ".controls",  
53.                    noSolution: ".noSolution" 
*/ 

	});

	//测试临时
	function testTemp(value){
		$("#jquery_jplayer").jPlayer(value);
	}
	
	
	
</script>
</html>
